<template>
  <div id="cesiumContainer"></div>
</template>

<script>
import { defineComponent, inject, onMounted } from "@vue/runtime-core";
export default defineComponent({
  setup() {
    let Cesium = inject("$Cesium");
    onMounted(() => {
      let viewer = new Cesium.Viewer("cesiumContainer", {
        imageryProvider: new Cesium.ArcGisMapServerImageryProvider({
          url: "https://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetPurplishBlue/MapServer",
        }),
      });
    });
    return {};
  },
});
</script>

<style>
#cesiumContainer {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
</style>
